{% load pagination_tags %} 
<style>
@import url('{{MEDIA_URL}}css/styles.css');
</style>
<style>
.highlight { background-color: yellow }
</style>
<script src="{{MEDIA_URL}}js/jquery.js"> </script>
<script src="{{MEDIA_URL}}js/jquery.highlight-3.js"> </script>
<script>
var qterm='{{ query_string }}'
$(document).ready(function(){


if (qterm != ''){

	$('.result').highlight(qterm);
	}
});
</script>

<head>
<title>webMiner search</title>    

</head>
<body>

{% if query_string %}
<h1>Search Result For {{ query_string }} </h1>
 
<div class="result">
Please show how to show the links beautiful and nice.
{% for item in result.result %}

<a href="{{item.url}}"><h2>{{ item.title}}</h2></a><br/>
{% endfor %}
 {% paginate %} 
 </div>
{% else %}

<img src="{{MEDIA_URL}}images/logo.jpg" width="500px" height="200px" />
<form method="GET" action=".">
        <table>
            {{ form.as_table }}
            <tr>
                <td>&nbsp;</td>
                <td>
					<input type="text" name="q" size = 55>
                    <input type="submit" value="Search">
                </td>
            </tr>
        </table>

     </form>
	
{% endif %}
</body>
</html>